<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- build:css css/combined.css -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.carousel.min.css">
    <link rel="stylesheet" href="js/vendor/owl.carousel.2.1.0/assets/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/main.css">
    <!-- endbuild -->
</head>
<body>
<!-- [if lte IE 8]>
<p class="broeserupgrade">您的浏览器版本比较落后，请到<a href="http://browserhappy.com">这里</a>更新，以获取最佳的体验</p>
<![endif] -->

<header>
    <nav class="top">
        <span class="tel">理财热线：400-888-8888</span>
        <ul>
            <li><a href="#">登录</a></li>
            <li><a href="#">快速注册</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">帮助</a></li>
            <li><a href="#">APP下载</a></li>
        </ul>
    </nav>
    <nav class="main">
        <a href="#" class="logo"><img src="img/logo@1x.png" width="150" height="35" alt="返回首页"></a>
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">理财频道</a></li>
            <li><a href="#">投资频道</a></li>
            <li><a href="#">新手专区</a></li>
            <li><a href="#">安全保障</a></li>
        </ul>
    </nav>
</header>
<div class="container">
    <section class="transaction">
        <div class="trans-content clearfix">
            <span class="trans-data">平台累计成交金额<em class="trans-money">19888</em>万元</span>
            <span class="trans-data">过去7日成交金额<em class="trans-money">19888</em>万元</span>
            <div class="trans-report">
                <a href="#">查看平台运营报告</a>
            </div>
        </div>
    </section>
    <section class="ad">
        <div class="owl-carousel owl-theme">
            <div>
                <picture>
                    <source srcset="img/ad001-l.png" media="(min-width:800px)"  />
                    <source srcset="img/ad001-m.png" media="(min-width:481px)"  />
                    <img src="img/ad001.png">
                </picture>
            </div>
            <div>
                <picture>
                    <source srcset="img/ad002-l.png" media="(min-width:50em)"  />
                    <source srcset="img/ad002-m.png" media="(min-width:30em)"  />
                    <img src="img/ad002.png">
                </picture>
                </div>
            <div>
                <picture>
                    <source srcset="img/ad003-l.png" media="(min-width:50em)"  />
                    <source srcset="img/ad003-m.png" media="(min-width:30em)"  />
                    <img src="img/ad003.png">
                </picture>
            </div>
        </div>
    </section>
    <section class="feature">
        <div class="item">
            <h3>安全</h3>
            <p>国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
        </div>
        <div class="item">
            <h3>权威</h3>
            <p>国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
        </div>
        <div class="item">
            <h3>省心</h3>
            <p>国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
        </div>
    </section>
    <section class="notice clearfix">
        <a href="#"><span>2018-02-02</span>国家法定假期间国家法定假期间国家法定国家法定假期间国家法定假期间国家法定假期国家法定假期间国家法定假期间国家法定假期国家法定假期间国家法定假期间国家法定假期假期间</a>
        <a href="#">更多公告</a>
    </section>
    <section class="product clearfix">
        <h2>固定期限产品<em>甄选优质基金</em><em>省时省力</em></h2>
        <div class="product-content clearfix">
            <div class="item clearfix">
                <h3><em>1</em>个月</h3>
                <div class="info">
                    <p>约定年化收益率:<span class="year-rate">3.5%<i>起</i></span></p>
                    <p>总成交金额:<span class="money">14444<i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="#">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>2</em>个月</h3>
                <div class="info">
                    <p>约定年化收益率:<span class="year-rate">3.5%</span><i>起</i></p>
                    <p>总成交金额:<span class="money">14444</span><i>万元</i></p>
                </div>
                <div class="buy">
                    <a href="#" class="disabled">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益率:<span class="year-rate">3.5%<i>起</i></span></p>
                    <p>总成交金额:<span class="money">14444<i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="#">购买</a>
                </div>
            </div>
        </div>
    </section>
    <section class="product clearfix">
        <h2>固定期限产品<em>甄选优质基金</em><em>省时省力</em></h2>
        <div class="product-content clearfix">
            <div class="item clearfix">
                <h3><em>4</em>个月</h3>
                <div class="info">
                    <p>约定年化收益率:<span class="year-rate">3.5%<i>起</i></span></p>
                    <p>总成交金额:<span class="money">14444<i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="#">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>5</em>个月</h3>
                <div class="info">
                    <p>约定年化收益率:<span class="year-rate">3.5%<i>起</i></span></p>
                    <p>总成交金额:<span class="money">14444<i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="#" class="disabled">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>6</em>个月</h3>
                <div class="info">
                    <p>约定年化收益率:<span class="year-rate">3.5%<i>起</i></span></p>
                    <p>总成交金额:<span class="money">14444<i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="#">购买</a>
                </div>
            </div>
        </div>
    </section>
    <section class="product"></section>
    <section class="footer">
        <div class="footer-content clearfix">
            <p class="brand"></p>
            <ul>
                <li><a class="title">关于我们</a></li>
                <li><a href="#"></a>公司介绍</li>
                <li><a href="#"></a>业务模式</li>
                <li><a href="#"></a>合作机构</li>
                <li><a href="#"></a>服务协议</li>
            </ul>
            <ul>
                <li><a class="title">风险防范</a></li>
                <li><a href="#"></a>账户安全</li>
                <li><a href="#"></a>安全保障</li>
            </ul>
            <ul>
                <li><a class="title">风险防范</a></li>
                <li><a href="#"></a>账户安全</li>
                <li><a href="#"></a>安全保障</li>
            </ul>
            <ul>
                <li><a class="title">风险防范</a></li>
                <li><a href="#"></a>账户安全</li>
                <li><a href="#"></a>安全保障</li>
            </ul>
            <ul>
                <li><a class="title">交易帮助</a></li>
                <li><a href="#"></a>购买</li>
                <li><a href="#"></a>赎回</li>
                <li><a href="#"></a>提现</li>
            </ul>
        </div>
    </section>
</div>
<footer>
    <ul>
        <li><span class="icon icon-xk">支付业务许可证</span></li>
        <li><span class="icon icon-rz">PCI认证</span></li>
        <li><span class="icon icon-yz">Visa 验证</span></li>
        <li><span class="icon icon-fw">VerSign加密服务</span></li>
        <li><span class="icon icon-wl">网络工商</span></li>
        <li><span class="icon icon-xw">电子商务协会认证诚信网</span></li>
        <li><span class="icon icon-gs">工商</span></li>
    </ul>
    <p>版权所有 @2015-2018</p>
</footer>
<!-- build:js scripts/combined.js -->
<script src="js/moderina.js"></script>
<script src="js/vendor/jquery.min.js"></script>
<script src="js/vendor/owl.carousel.2.1.0/owl.carousel.min.js"></script>
<script src="js/vendor/picturefill.min.js"></script>
<script src="js/main.js"></script>
<!-- endbuild -->
</body>
</html>